<template>
<div class="w">
  <div class="top">
    <div class="one">
      <i id="ico" class="iconfont icon-xiangzuojiantou" @click="$router.push('/index')"></i>
      <span>客户管理</span>
      <p>添加</p>
    </div>
    <van-search
  v-model="value"
  show-action
  placeholder="请输入搜索关键词"
  @search="onSearch"
>
  <template #action>
    <div @click="onSearch">搜索</div>
  </template>
    </van-search>
    <div class="two">
      <ul>
        <li>持续</li>
        <li>搁置</li>
        <li>预定</li>
        <li>成交</li>
      </ul>
    </div>
  </div>
  <div class="con">
    <div>
      <div class="t1">
        <div>
          <div>持</div>
        <p>张贤</p>
        </div>
        <div>
          <span>2019/11/24</span>
          <span>销售:牛继红</span>
        </div>
      </div>
      <div class="t2">
        当你要隐藏滚动条的时候，最好将overflow显示设置为auto或者scroll保证内容是可滚动的。
      </div>
    </div>
  </div>
</div>
</template>

<script>
export default {
  data () {
    return {
      value: ''
    }
  },
  methods: {
    onSearch () {
      console.log('点击')
    }
  }
}
</script>

<style lang="less" scoped>
@import './index.less';
</style>
